<!DOCTYPE html>
<html>
<head>
<title>
</title>
<script src="js/grid.js"></script>

<style>
	body{
		margin: 0 auto;
		padding: 5px 5px 5px 5px;
	}

	table{
		border: solid 1px black;
		width: 100%;
	}
</style>
<link href="css/grid.css" rel="styleSheet" type="text/css">
</head>
<body>
<div id="grid">
</div>
</body>
</html>
<script>
var data_array = [[1,'john doe','198205152001121001'],[2,'jean doe','198205152001121001'],[3,'john doe jr','198205152001121001'],
					[4,'john doe','198205152001121001'],[5,'jean doe','198205152001121001'],[6,'john doe jr','198205152001121001'],
					[7,'john doe','198205152001121001'],[8,'jean doe','198205152001121001'],[9,'john doe jr','198205152001121001']];
var data = {
			labels:['#','name','id'],
			data:data_array,
			maxDataPerPage:2,
			container:'grid' 	
		};
var grid = new Grid(data);

</script>